<meta charset="utf-8" name="viewport" content="width=device-width" />
<head>
  <title>QQ注册验证</title>
</head>

<body background="body.png" height="346">
<p><img src="bg_chs.png" /></p>
<h2>注册账号</h2>
<form>
  <label for="username">昵称</label>  <input id="username" placeholder="昵称" pattern="[-\w\u4E00-\u9FA5]{4,10}" required /> 长度为4-10个字符<br /><br />

  <label for="password">密码</label>  <input id="password" placeholder="密码" pattern="[\dA-Za-z]{6,16}" required type="password" /> 长度为6-16个字符<br /><br />

  <label for="password1">确认密码</label>  <input id="password1" placeholder="确认密码" pattern="[\dA-Za-z]{6,16}" required type="password" /> 长度为6-16个字符<br /><br />

  <label for="tel">手机号码</label>  <input id="tel" required placeholder="手机号码" pattern="1[3578]\d{11}" />  长度为11位，以13|5|7|8开头<br /><br />

  <label for="email">邮箱</label> <input required id="email" type="email" placeholder="邮箱" /> <br /><br />

<label for="age">年龄</label> <input id="age" placeholder="年龄" pattern="\d|[1-9]\d|1[0-2]\d" required /><br /><br />
<input type="image" src="btn.bmp" />
</form>

</body>